html.ifsafari div.tab1 > div:nth-child(2) > div { /* tab body */
};

/* tab1 gimmick */
div.tab1 {}
div.tab1 > ul:first-child { list-style: none; margin: 0; padding: 0 }
div.tab1 > ul:first-child > li { display: inline; }
div.tab1 > ul:first-child > li > a { text-decoration: none; }
div.tab1 > div:nth-child(2) > div { display: none; }
div.tab1 > div:nth-child(2) > div:target { display: block; }

/* tab1 design */
div.tab1 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 400px;
}
div.tab1 > div:last-child { /* footer */
  color: #ccc;
  background-color: #888;
  text-align: center;
  border-top: 30px solid #ccc;
/*
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
 */
}
div.tab1 > ul:first-child > li > a {
  border: 1px solid black;
  border-top: 4px solid #7a7a7a;
  background-color: #101010;
  color: #ccc;
  margin: 0 2px 0 0;
  padding: 4px 10px 0 10px;
  font: 9pt arial;
/*
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
 */
}
div.tab1 > ul:first-child > li > a:hover {
  background-color: navy;
}
div.tab1 > div:nth-child(2) > div { /* tab body */
  border: 1px solid #4F4F4F;
  background-color: #111;
  color: #ccc;
  height: 200px;
  padding: 5px;
}
